<script setup>
let props = defineProps({
  person: {
    type: Object,
    required: true,
    default: () => {
    }
  },
  readonlyPerson:{
    type: Object,
    required: true,
    default: () => {
    }
  }
})
</script>

<template>
  <div class="son">
    <h1>person:{{ person}}</h1>
    <h1>readonlyPerson:{{ readonlyPerson}}</h1>
    <button @click="readonlyPerson.age++">修改readonlyPerson.age</button>
    <button @click="readonlyPerson.children.child1='王健林'">修改readonlyPerson.children.child1</button>
  </div>
</template>

<style scoped lang="less"></style>